<?php
$this->title = '定制流程';
$this->registerCss("
	.page-step{margin:0 auto;padding:60px 12%}
    .title{font-size: 28px;color:#333;text-align: center;}
    .downloadpro{padding: 2px 10px;border:1px solid #2F5ECA;border-radius: 6px;margin-left: 15px;font-size:14px;color:#2F5ECA;text-decoration: none;}
    .download-body-pro{display:none;}
    .content img{width:100% !important}
");
?>

<div class="page-step">
    <p class="title"><?=$model->title?></p>

    <div class="content" style="margin-top: 50px;padding: 15px;box-shadow:0 0 5px #F9F7EE;background:#F9F7EE">
    	<?=$model->content?>
    </div>

    <?php if($model->appendix){ ?>
        <p class="download-body" style="font-weight:400;padding: 50px 0px 15px 0px;font-size: 16px;">
            <span style="border:1px solid #2F5ECA;padding: 6px 16px;border-radius: 6px;color:#2F5ECA">附件下载&nbsp;&nbsp;&nbsp;<a class="download" href="#" style="text-decoration: none;color:#2F5ECA;">点击此处</a></span>
        </p>
        <div class="download-body-pro" style="padding: 50px 15px 15px 15px;font-size: 16px;">
            附件下载： <?=basename($model->appendix)?> <a class="downloadpro" href="<?=$model->appendix?>" download="<?=basename($model->appendix)?>" style="text-decoration: none;">开始下载</a>
        </div>
    <?php }?>

</div>
<script>
    $('.download').click(function(){
        var num=4;
        var int=setInterval(function(){
            if(num > 0){
                num--;
            }else{
                clearInterval(int);
                $('.download-body').css('display','none');
                $('.download-body-pro').css('display','block');
            }
            $('.download').text(num + ' s 后自动下载');

        }, 1000);
    });
</script>